<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords" content="华翰科技官网" />
  <meta name="description" content="赋能教育数字化" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/font/stylesheet.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/student.css" />
  <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
  <link rel="stylesheet" href="./css/flex.css" />
  <title>华翰科技</title>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="logo">
        <img src="./image/logo.png" alt="" />
      </div>
      <ul class="nav">
        <li class="nav-item">
          <a href="#">首页</a>
        </li>
        <li class="nav-item">
          <a class="arrow" href="#">教育数字化产品与服务</a>
          <ul class="sub-nav">
            <li><a href="">必过OEM数字化平台</a></li>
            <li><a href="">全科目数字化课程产品</a></li>
            <li><a href="">E校通教育与知识数字化工具</a></li>
            <li><a href="">教育数字化管理系统</a></li>
            <li><a href="">CRM数字化营销系统</a></li>
            <li><a href="">学员数字化学习服务</a></li>
          </ul>
        </li>
        <li class="nav-item">
          <a class="arrow" href="#">行业解决方案</a>
          <ul class="sub-nav">
            <li><a href="./solution.html#tab1">职业资格证</a></li>
            <li><a href="#tab2">学历教育</a></li>
            <li><a href="#tab3">教育机构</a></li>
            <li><a href="#tab4">企业大学</a></li>
            <li><a href="#tab5">知识付费</a></li>
          </ul>
        </li>
        <li class="nav-item">
          <a class="arrow" href="#">关于华翰</a>
          <ul class="sub-nav">
            <li><a href="">华翰故事</a></li>
            <li><a href="">品牌动态</a></li>
            <li>
              <a href="">联系我们</a>
            </li>
            <li>
              <a href="">帮助中心</a>
              <ul class="sub2-nav">
                <li><a href="">必过帮助</a></li>
                <li><a href="">E校通帮助</a></li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
      <div class="action">
        <div class="btn btn-login">登录</div>
        <div class="btn btn-try">试用</div>
      </div>
    </div>
    <div class="bg-container"></div>
  </header>
  <div class="scene-container">
    <div class="title-top flex-center">多终端学习场景，随时随地学习</div>
    <div class="description">掌上课堂智能化学习，10类功能模块辅助学习更高效：错题本、收藏夹、课程介绍、学习进度、课件下载、 串讲视频、精讲视频、章节练习、模拟考试、串讲押题</div>
    <div class="content flex-center2">
      <div class="content-item">
        <img class="item-img" src="./image/student/student-icon1.png" alt="pc端网校">
        <span class="item-title">pc端网校</span>
      </div>
      <div class="content-item">
        <img class="item-img" src="./image/student/student-icon2.png" alt="移动端APP">
        <span class="item-title">移动端APP</span>
      </div>
      <div class="content-item">
        <img class="item-img" src="./image/student/student-icon3.png" alt="H5网校">
        <span class="item-title">H5网校</span>
      </div>
      <div class="content-item">
        <img class="item-img" src="./image/student/student-icon4.png" alt="小程序">
        <span class="item-title">小程序</span>
      </div>
    </div>
  </div>
  <div class="module-container"></div>

  <div class="echart-container">
    <div class="title-top flex-center">学习数据可视化，一键掌握</div>
    <div class="description"> 网校课程的学习、登录、进度、答疑等数据全面统计，直播课程在线互动、问答等实时动态，学习数据全面可视化，机构轻松一键掌握</div>
    <div class="echart-wrapper">
      <img class="phone1" src="./image/student/phone1.png" alt="">
      <img class="phone2" src="./image/student/phone2.png" alt="">
      <img class="statment1" src="./image/student/statement1.png" alt="">
      <img class="segment1" src="./image/student/segment1.png" alt="">
      <img class="statment2" src="./image/student/statement2.png" alt="">
      <img class="segment2" src="./image/student/segment2.png" alt="">
    </div>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-wrapper">
        <div class="wrapper-item">
          <div class="title">教育数字化解决方案</div>
          <ul>
            <li><a href="">必过OEM数字化平台</a></li>
            <li><a href="">全科目数字化课程解决方案</a></li>
            <li><a href="">E校通教育与知识数字化解决方案</a></li>
            <li><a href="">教务数字化管理解决方案</a></li>
            <li><a href="">CRM数字化营销解决方案</a></li>
            <li><a href="">学员数字化学习解决方案</a></li>
          </ul>
        </div>
        <div class="wrapper-item">
          <div class="title">行业解决方案</div>
          <ul>
            <li><a href="">职业资格证</a></li>
            <li><a href="">学历教育</a></li>
            <li><a href="">教育机构</a></li>
            <li><a href="">企业大学</a></li>
            <li><a href="">知识付费</a></li>
          </ul>
        </div>
        <div class="wrapper-item">
          <div class="title">关于华翰</div>
          <ul>
            <li><a href="">品牌故事</a></li>
            <li><a href="">品牌动态</a></li>
            <li class="hasChild">
              <a href="">联系我们</a>
              <span class="child">必过帮助中心</span>
              <span class="child">E校通帮助中心</span>
            </li>
          </ul>
        </div>
        <div class="wxcode">
          <img src="./image/service.png" alt="华翰科技官方服务号">
          <span>华翰科技官方服务号</span>
        </div>
        <div class="wxcode">
          <img src="./image//subscription.png" alt="华翰科技官方订阅号">
          <span>华翰科技官方订阅号</span>
        </div>
        <div class="phone">
          <div class="number">400-001-5920</div>
          <span>全国免费咨询服务热线</span>
        </div>
      </div>
      <div class="hr"></div>
      <div class="footer-bottom">
        <div class="address">总部地址：广东省广州市高新技术开发区科汇金谷四街11号9层</div>
        <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、杭州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
        <ul class="copyright">
          <li><a href="http://www.huahanedu.cn/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
          <li><a href="http://www.huahanedu.cn/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
          <li><a href="http://www.huahanedu.cn/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
          <li><a href="http://www.huahanedu.cn/cert-d.html" target="_blank">营业执照</a></li>
          <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
          <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209" target="_blank">公安备号
              44011202000209号</a></li>
        </ul>
      </div>
    </div>
    <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. 广州华翰教育科技有限公司 版权所有</div>
  </footer>
  <script src="./js/wow.js/dist/wow.min.js"></script>
  <script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
  <script type="text/javascript">
    // 一级下拉
    $('.nav .nav-item').each(function (index, item) {
      $(item).hover(
        function () {
          //  添加active
          $(item).addClass('active').siblings().removeClass('active')
          // 展开一级下拉
          if ($(item).children('.sub-nav')) {
            $(item).children('.sub-nav').stop().slideDown()
          }
        },
        function () {
          $(item).removeClass('active')
          if ($(item).children('.sub-nav')) {
            $(item).children('.sub-nav').stop().slideUp()
          }
        }
      )
    })

    // 二级下拉
    $('.sub-nav li').each(function (index, item) {
      if ($(item).children('.sub2-nav').length > 0) {
        $(item).hover(function () {
          $(item).children('.sub2-nav').stop().slideToggle()
        })
      }
    })
  </script>
</body>

</html>